.tbanner{position: fixed;top:0;left:0; height: 100%;z-index: 55;overflow: hidden;}

.tbanner .swiper{height: 100%;}

.tbanner .swiper-slide{height: 100%;overflow:hidden;transform: scale(1.35);z-index: 55;}

.tbanner .swiper-slide.big{animation: bigs 1.5s;}

.tbanner .swiper-slide-active{transform: scale(1);z-index: 66;}

.tbanner .slide-inner {position: absolute;z-index: 10; width: 100%;height: 100%;left: 0;top: 0;background-size: cover;background-position: center center;}
.tbanner .swiper-slide .slide-text{display: none; position: absolute;z-index: 20;width: 100%;left:0;top:50%;margin-top: -70px;color:#fff;opacity: 0;transform: translate(-400px,0);}

.tbanner .swiper-slide .slide-text .centers{height: 100%;display: flex;flex-direction: column;justify-content: center;}
.tbanner .swiper-slide .slide-text h3{font-size: 58px;line-height: 58px;font-weight: normal;}
.tbanner .swiper-slide .slide-text h4{font-size: 26px;line-height: 26px;margin-top: 30px;font-weight: normal;font-family: 'nexatext';}
.tbanner .swiper-slide-active .slide-text{display: block; animation: lefts 2s 1s forwards;}
.tbanner .swiper-slide-active .slide-text h3{overflow: hidden;white-space: nowrap;animation: reveal 6s 1s forwards;}
.tbanner .swiper-slide-active .slide-text h4{overflow: hidden;white-space: nowrap;animation: reveal 6s 1s forwards;}

.tbanner-button{position: relative;z-index: 67;left:0;top:0;width: 100%;height: 100%;}

.tbanner-button .swiper-pagination{width: auto;top:auto;left:calc((100% - 1636px) / 2);bottom: 10%;font-size: 12px;color:#fff; font-family: 'gilroy';}

.tbanner-button .swiper-pagination span{font-size: 18px;color:#fff;position: relative;top: 2px;}

.tbanner-button .swiper-pagination-total{opacity: 40%;}

.tbanner-button .swiper-button:after{display: none;}

.tbanner-button .swiper-button{width: 84px;height: 84px;border-radius: 50%;border: 1px solid #fff;font-size: 12px;color: #fff;top:auto;margin-top: 0;bottom:6.6%}

.tbanner-button .swiper-button-prev{transform: rotate(180deg);left:auto;right:calc((100% - 1636px) / 2 + 125px)}

.tbanner-button .swiper-button-next{left:auto;right:calc((100% - 1636px) / 2)}



.tbanner-text{position: relative; z-index: 66;color:#fff;height: 100%;}

.tbanner-text .centers{height: 100%;display: flex;flex-direction: column;justify-content: center;}

.tbanner-text h3{font-size: 58px;line-height: 58px;font-weight: normal;}

.tbanner-text h4{font-size: 26px;line-height: 26px;margin-top: 30px;font-weight: normal;font-family: 'nexatext';}

.tbanner-text .mains{position: relative;transition: 1.2s;-webkit-transition: 1.2s;-ms-transition: 1.2s;}
.tbanner-text .cur{opacity: 0;left:-100px;}
.tbanner-text .end{opacity: 1;left:0;}

.tbanner-text .end h3{overflow: hidden;white-space: nowrap;animation: reveal 6s forwards;}
.tbanner-text .end h4{overflow: hidden;white-space: nowrap;animation: reveal 6s forwards;}

@keyframes reveal {
    from { width: 0; }
    to { width: 100%; }
}
@keyframes bigs {
    from { transform: scale(1.35); }
    to { transform: scale(1); }
}
@keyframes lefts {
    from {opacity: 0;transform: translate(-200px,0);}
    to {opacity: 1;transform: translate(0,0);}
}


.tindex{position: relative; z-index: 66;background-color: #fff;}

.tfooter,.tfooter-down{position: relative;z-index: 66;}



.tindex-tit{margin-bottom: 72px;}

.tindex-tit h3{font-size: 56px;font-weight: normal;line-height: 56px;}

.tindex-tit h4{font-size: 46px;color: #0C4AC3;font-weight: normal;font-family: 'nexatext';}

.tindex-tit p{font-size: 18px;color:#808289;line-height: 18px;margin-top: 23px;}

.tindex-tit p em{color: #0C4AC3;}



.tindex-more{position: relative;z-index: 20; font-size: 16px;font-family: 'nexa';color:#0C4AC3;padding:0 82px;line-height: 60px;border: 2px solid rgba(6, 65, 184, 0.15);border-radius: 99px;margin-top: 8px;}

.tindex-more::after{content: '';display: inline-block;position: relative;top:-2px;margin-left: 15px; width: 18px;height: 7px;background: url('../img/more-jt.png') no-repeat;}

.tindex-more::before{content: '';position: absolute;width: 0;height: 0;top:0;left:0;right:0;bottom:0;margin:auto;background-color: #0C4AC3;z-index: -1;border-radius: 99px;}



.tnews-main *{cursor: url('../img/tuo.png'), auto;}

.tnews-main .swiper-slide{height: 462px;background-color: #f7f7f7;padding:35px 28px;border-radius: 10px;overflow: hidden;}

.tnews-main .swiper-slide a{float: left;width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: space-between;color:#fff;}

.tnews-main .swiper-slide .bg{position: absolute;width: 100%;height: 100%; top:0;left:0;background-size: cover;background-position: center center; z-index: -1;transition: 1.2s;-webkit-transition: 1.2s;-ms-transition: 1.2s;}

.tnews-main .swiper-slide h3{font-size: 20px;line-height: 26px;margin-bottom: 40px;height: 52px;overflow: hidden; text-overflow: -o-ellipsis-lastline;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}

.tnews-main .swiper-slide em{display: block;font-family:'gilroy';}

.tnews-main .swiper-slide p{display: block; line-height: 26px;height: 78px;opacity: 0.8; overflow: hidden;overflow: hidden;text-overflow: -o-ellipsis-lastline;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;}

.tnews-button{display: none; position: absolute;width: 100px;height: 80px;top:0;left:64%;z-index: 88;}

.tnews-button i{position: absolute; width: 80px;height: 80px;line-height: 80px;font-size: 16px;font-style: normal;color:#fff;font-weight: bold; text-align: center; background-color: #0C4AC3; border-radius: 50%;top:0;left:0; right:0;margin:0 auto;}

.tnews-button .swiper-button{width: 6px;}

.tnews-button .swiper-button::after{font-size: 12px;color: #0C4AC3;font-weight: bold;}

.tnews-button .swiper-button-prev{left:0;}

.tnews-button .swiper-button-next{right:0;}



.tproduct .tindex-tit{width: 100%;text-align: center;}

.tproduct-main{border-top: 1px solid #EAF0FB;}

.tproduct-main li{width: 27.11%;padding:114px 58px 62px;border-left:1px solid #EAF0FB;height: 806px;display: flex;flex-direction: column;justify-content: space-between;cursor: pointer;}

.tproduct-main li h3{font-size: 32px;line-height: 32px;font-weight: normal;height: 32px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.tproduct-main li h4{font-size: 18px;color: #0C4AC3;line-height: 18px;margin-bottom: 25px;height: 18px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.tproduct-main li em{display: none;font-size: 15px;opacity: 0.8;margin-top: 45px;line-height: 28px; height: 56px; overflow: hidden;text-overflow: -o-ellipsis-lastline;text-overflow: ellipsis;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}

.tproduct-main li .img{text-align: center;}

.tproduct-main li img{max-width: 90%;max-height: 200px;}

.tproduct-main li .more{position: relative;z-index: 20; display: block;width: 200px;border:1px solid rgba(6, 65, 184, 0.15);line-height: 60px;text-align: center;border-radius: 99px;font-size: 16px;color:#0C4AC3;font-family: 'nexa';}

.tproduct-main li .more::before{content: '';position: absolute;width: 0%;height: 0%;border-radius: 99px;left:0;top:0;right:0;bottom:0;background-color: #0C4AC3;margin:auto;z-index: -1;}

.tproduct-main li .more::after{content: '';display: inline-block;position: relative;top:-2px;margin-left: 15px; width: 18px;height: 7px;background: url('../img/more-jt.png') no-repeat;}

.tproduct-main li.cur{width: 45.78%;background-color: #F8FAFD;}

.tproduct-main li.cur em{display: -webkit-box;}



.tadvan{background-size: cover;background-position: center center;background-image: url('../img/advan-bg.jpg');}

.tadvan-tit{color:#fff;font-size: 28px;line-height: 30px;margin:58px 0;}

.tadvan-main li{display: block; width: 20%;border-left: 1px solid rgba(225,225,225,0.15);text-align: center;color:#fff;cursor: pointer;perspective:400;-webkit-perspective:400;}

.tadvan-main li:first-child{border: 0;}

.tadvan-main li span{display: block;position: relative;z-index: 30;padding:44px;transform: rotateY(0deg);-webkit-transform: rotateY(0deg);}

.tadvan-main li img{margin-bottom: 48px;opacity: 0;position: relative;transform: translate(0,0);}

.tadvan-main li h3{font-size: 28px;font-weight: bold;line-height: 28px;}

.tadvan-main li h4{opacity: 0.42;line-height: 14px; margin-top: 6px;}

.tadvan-main li span::before{content:'';position: absolute;width: 100%;left:-1px;height: calc(100% + 56px);border:1px solid rgba(255,255,255,0.42);background-color: rgba(0,0,0,0.2);top:-30px;z-index: -2;opacity: 0;}

.tadvan-main li span::after{content:'';position: absolute;width: calc(100% - 60px);height: 100%;top:0px;left:30px;background-color: #0C4AC3;z-index: -1;opacity: 0;}



.tadvan-main li.cur{border-left: 0px solid rgba(225,225,225,0);}

.tadvan-main li.cur img{opacity: 1;}

.tadvan-main li.left img{transform: translate(-2px,0);}

.tadvan-main li.right img{transform: translate(2px,0);}

.tadvan-main li.left span{transform: rotateY(-6deg) translate(-7px,0);-webkit-transform: rotateY(-6deg) translate(-7px,0);}

.tadvan-main li.right span{transform: rotateY(6deg) translate(7px,0);-webkit-transform: rotateY(6deg) translate(7px,0);}

.tadvan-main li.cur span:before,.tadvan-main li.cur span:after{opacity: 1;}



.tabout{padding-bottom: 109px;}

.tabout-left{width: calc(100% - 788px);}

.tabout-right{width: 788px;}

.tabout-right p{font-size: 20px;line-height: 38px;margin-bottom: 48px;}



@media screen and (min-width: 769px){



    .tbanner-button .swiper-button:hover{background-color: #0C4AC3;border-color: #0C4AC3;}

    .tindex-more:hover{color:#fff;}
    .tindex-more:hover::before{width: 100%;height: 100%;}

    .tindex-more:hover:after,.tproduct-main li .more:hover:after{background: url('../img/more-jts.png') no-repeat;}



    .tnews-main .swiper-slide:hover .bg{transform: scale(1.08);}



    .tproduct-main li .more:hover{color:#fff;}

    .tproduct-main li .more:hover:before{width: 100%;height: 100%;}



}



@media screen and (max-width: 1660px){



    .tbanner-button .swiper-pagination{left:calc((100% - 1400px) / 2) }

    .tbanner-button .swiper-button-next{right: calc((100% - 1400px) / 2);}

    .tbanner-button .swiper-button-prev{right: calc((100% - 1400px) / 2 + 125px);}



    .tnews-main .swiper-slide{height: 422px;}



    .tproduct-main li{height: 750px;}



}



@media screen and (max-width: 1460px){


    .tbanner .swiper-slide .slide-text h3{font-size:50px;}
    .tbanner .swiper-slide .slide-text h4{font-size: 23px;}

    .tbanner-text h3{font-size:50px;}

    .tbanner-text h4{font-size: 23px;}

    .tbanner-button .swiper-pagination{left:calc((100% - 1200px) / 2) }

    .tbanner-button .swiper-button-next{right: calc((100% - 1200px) / 2);}

    .tbanner-button .swiper-button-prev{right: calc((100% - 1200px) / 2 + 100px);}

    .tbanner-button .swiper-button{width: 76px;height: 76px;}



    .tindex-tit{margin-bottom: 62px;}

    .tindex-tit h3{font-size: 44px;}

    .tindex-tit h4{font-size: 36px;}

    .tindex-tit p{font-size: 16px;}

    .tindex-more{font-size: 14px;padding:0 68px;line-height: 54px;}



    .tnews-main .swiper-slide h3{font-size: 18px;line-height: 24px;height: 48px;margin-bottom: 30px;}

    .tnews-main .swiper-slide p{line-height: 24px;height: 72px;}

    .tnews-main .swiper-slide{height: 360px;}



    .tproduct-main li{padding:90px 50px 54px;height: 680px;}

    .tproduct-main li h3{font-size: 28px;}

    .tproduct-main li em{margin-top: 35px;}

    .tproduct-main li .more{font-size: 14px;}

    

    .tadvan-main li h3{font-size: 22px;}

    .tadvan-main li img{width: 52px;}

    .tadvan-main li span::after{width: calc(100% - 40px);left: 20px;}



    .tabout-right p{font-size:17px;}



}



@media screen and (max-width: 768px){



    .tbanner{overflow: hidden;}

    .tbanner .swiper-slide .slide-text{top:auto;bottom:20%;margin-top: 0;}

    .tbanner-button .swiper-button{display: none;}
    .tbanner-button .swiper-pagination{left:0;width: 100%;text-align: center;bottom:30px;}

    .tbanner,.tbanner-text{height: calc(100% - 61px);margin-top: 60px;}

    .tbanner .swiper-slide .slide-text{transform: translate(-100px,0);}

    .tbanner .swiper-slide .slide-text h3{font-size: 28px;line-height: 28px;}
    .tbanner .swiper-slide .slide-text h4{font-size: 16px;margin-top: 10px;}

    .tbanner-text h3{font-size: 28px;line-height: 28px;text-align: center;}

    .tbanner-text h4{font-size: 16px;text-align: center;margin-top: 10px;}



    .tindex-tit{margin-bottom: 17px;position: relative;}

    .tindex-tit h3{font-size: 24px;font-weight: bold;line-height: 24px;}

    .tindex-tit p{font-size: 14px;margin-top: 8px;}

    .tindex-more{margin-top: 0;line-height: 38px;padding:0 30px;}

    .tindex-more::after{margin-left: 4px;}

    .tnews{padding-bottom: 60px;}
    .tnews .centers{padding:0;}
    .tnews-title{padding:0 15px;}
    .tnews-main .swiper{padding:0 15px;}
    .tnews .tindex-more{position: absolute;right:15px;top:410px;}

    .tnews-main .swiper-slide{padding:22px 18px;height: 290px;}

    .tnews-main .swiper-slide h3{font-size: 16px;margin-bottom: 12px;}


    .tproduct .tindex-tit{display: none;}

    .tproduct-main{padding:0 15px;border-top: 0;}

    .tproduct-main li{width: 100%;margin-bottom: 12px;border:1px solid #eee;padding:25px 20px;height: auto;}

    .tproduct-main li.cur{width: 100%; background-color: transparent;}

    .tproduct-main li h4{font-size: 14px;margin-bottom: 5px;}

    .tproduct-main li h3{font-size: 17px;}

    .tproduct-main li em{display: block !important;font-size: 14px;line-height: 25px;height: 50px;margin-top: 2px;}

    .tproduct-main li .more{font-size: 12px;width: 150px;line-height: 42px;}

    .tproduct-main li .img{margin:15px 0}

    .tproduct .tindex-tit{padding:0 15px;text-align: left;}



    .tadvan{padding:28px 0;}

    .tadvan-tit{font-size: 22px;margin:0 0 26px;text-align: center;}

    .tadvan-tit br{display: none;}

    .tadvan-main li span::before,.tadvan-main li span::after{display: none;}

    .tadvan-main li span{padding:0;transform: rotateY(0) translate(0,0) !important;-webkit-transform: rotateY(0) translate(0,0) !important;}

    .tadvan-main li h4{display: none;}

    .tadvan-main li img{opacity: 1;margin-bottom: 8px;height: 32px;width: auto;}

    .tadvan-main li h3{font-size: 16px;}

    .tadvan-main li{perspective: none;-webkit-perspective: none;}



    .tabout{padding-bottom: 32px;}

    .tabout-left{width: 100%;}

    .tindex-tit h4{font-size: 26px;}

    .tabout-right{width: 100%;}

    .tabout-right p{font-size: 16px;line-height: 2;margin-bottom:16px;}



}